// const error404 = () => import(/* webpackChunkName: "home" */ "@/views/error/404.vue");
const About1 = () =>
  import(/* webpackChunkName: "about" */ "@/views/About1.vue");
const About2 = () =>
  import(/* webpackChunkName: "about" */ "@/views/About2.vue");
const asyncRoutes = [
  {
    path: "/about",
    component: Layout,
    redirect: "/about/about1",
    meta: { title: "about", icon: "el-icon-s-data" },
    children: [
      {
        path: "about1",
        name: "about1",
        component: About1,
        meta: { title: "about1", icon: "" }
      },
      {
        path: "About2",
        name: "About2",
        component: About2,
        redirect: "About21",
        meta: { title: "About2", icon: "el-icon-s-data" },
        children: [
          {
            path: "about21",
            name: "about21",
            component: About1,
            meta: { title: "about1", icon: "" }
          },
          {
            path: "About22",
            name: "About22",
            component: About2,
            meta: { title: "About2", icon: "el-icon-s-data" }
          }
        ]
      }
    ]
  }
];
export default asyncRoutes;
